<%@ page language="java" contentType="text/html; charset=UTF-8"	isELIgnored="false"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

	<head>
		<META charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/site.css" rel="stylesheet">
		<link rel="stylesheet" href="css/owl.carousel.css" />
		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/modernizr.js"></script>

		<title>主页</title>

	</head>

	<body>
		<div class="container">
			<div class="row">
				<div id="myCarousel" class="carousel slide" data-ride="carousel">

					<div class="panel-body">
						<div class="owl-carousel" data-plugin-carousel data-plugin-options='{ "autoPlay": 5000, "items": 1,  "navigation": false, "pagination": true }'>
							<div class="item">
								<img alt="" class="img-responsive" src="img/54455519.jpg">
							</div>
							<div class="item">
								<img alt="" class="img-responsive" src="img/54455519.jpg">
							</div>
							<div class="item">
								<img alt="" class="img-responsive" src="img/54455519.jpg">
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row hu">
				<div class="col-xs-3 col-sm-3">
					<a href="./webAllGoodsByCate?id=1" ><img src="img/nanzhuang.png" class="img-responsive center-block" /></a>
					<h4 class="text-center"><a>女装男装</a></h4>
				</div>
				<div class="col-xs-3 col-sm-3">
					<a href="./webAllGoodsByCate?id=2" > <img src="img/xielei.png" class="img-responsive center-block" /></a>
					<h4 class="text-center"><a>鞋类箱包</a></h4>
				</div>
				<div class="col-xs-3 col-sm-3">
					<a href="./webAllGoodsByCate?id=3" ><img src="img/muying.png" class="img-responsive center-block" /></a>
					<h4 class="text-center"><a>母婴用品</a></h4>
				</div>
				<div class="col-xs-3 col-sm-3">
					<a href="./webAllGoodsByCate?id=4" ><img src="img/huazhuang.png" class="img-responsive center-block" /></a>
					<h4 class="text-center"><a>护肤彩妆</a></h4>
				</div>
			</div>
			<div >
				<div class="input-group input-search">
					<input type="text" class="form-control" name="q" id="q" placeholder="搜索宝贝">
					<span class="input-group-btn">
					 <button class="btn btn-default" type="submit"  onclick="search()"><i class="fa fa-search"></i></button>
					</span>
				</div>
			</div>

			<!-- 			<div class="row hu"> -->
			<!-- 				<div class="col-xs-12 col-sm-12"> -->
			<!-- 					<img src="img/nv1.png" class="img-responsive center-block"> -->
			<!-- 				</div> -->

			<!-- 				<div class="col-xs-6 col-sm-6"><img src="img/H439I0N71ARI.jpg" class="img-responsive center-block" /></div> -->
			<!-- 				<div class="col-xs-6 col-sm-6"><img src="img/H439I0N71ARI.jpg" class="img-responsive center-block" /></div> -->
			<!-- 			</div> -->
			<div class="row hu">
				<!-- 				<div class="col-xs-12 col-sm-12"> -->
				<!-- 					<img src="img/nan.png" class="img-responsive center-block"> -->
				<!-- 				</div> -->

				<c:forEach items="${gLst}" var="g">
					<div class="col-xs-6 col-sm-6 lanren">
						<img src='../upload/${g["thumb"]}' class="img-responsive center-block" onclick="goodsDetail(${g['id']})" />
						<div class="title">
							<img id="as" src='../upload/${g["avatar"]}'class="img-circle" > &nbsp;&nbsp;
							<hsmall id="innerFooter">${g["nick"]}</hsmall>
						</div>
				</div>
			</c:forEach>
		
		</div>
	</div>
	<script src="js/jquery.browser.mobile.js "></script>
		<script src="js/nanoscroller.js "></script>

		<!-- Specific Page Vendor -->
		<script src="js/owl.carousel.js "></script>

		<!-- Theme Base, Components and Settings -->
		<script src="js/theme.js "></script>

		<!-- Theme Custom -->
		<script src="js/theme.custom.js "></script>

		<!-- Theme Initialization Files -->
		<script src="js/theme.init.js "></script>
	
	<script type="text/javascript">
		function search() {
			var key = $("#q").val();
			this.location.href = './getAllGoodsByKey?key=' +key;
		}

		function goodsDetail(gid) {
			this.location.href = './webgoodsDetail?gid=' +gid;
		}
	</script>
</body>

</html>